<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<!-- 标准写法  -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">

	<!-- meta:vp -->
	<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
	<title>手机京东</title>
	<link rel="stylesheet" href="./css/index.css">

</head>

<body>
	<div class="view">
		<!--头部搜索-->
		<header>
			<a href="javascrpt:;" class="logo"></a>
			<div class="search">
				<input placeholder="100万件超级爆品疯抢" autofocus type="text">
			</div>
			<a href="javascrpt:;" class="login">登录</a>
		</header>

		<!--轮播-->
		<div class="carousel">
			<ul class="carousel_ul clearfix">
				<!--<li>
          <a href="javascript:;"><img src="./uploads/l1.jpg" alt=""></a>
        </li>-->
				<li>
					<a href="javascript:;">
						<img src="./uploads/l8.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l1.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l2.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l3.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l4.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l5.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l6.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l7.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l8.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./uploads/l1.jpg" alt="">
					</a>
				</li>
			</ul>

			<ul class="carousel_index">
				<li class="active"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>

		</div>

		<!--首页导航-->
		<div class="nav">
			<ul class="clearfix">
				<li>
					<a href="javascript:;">
						<img src="./images/nav_1.png" alt="">
						<p>京东超市</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_2.png" alt="">
						<p>全球购</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_3.png" alt="">
						<p>充值中心</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_4.png" alt="">
						<p>服装城</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_5.png" alt="">
						<p>理财</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_6.png" alt="">
						<p>领券</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_7.png" alt="">
						<p>物流查询</p>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="./images/nav_8.png" alt="">
						<p>我的关注</p>
					</a>
				</li>
			</ul>

		</div>

		<div class="line"></div>

		<!--掌上秒杀-->
		<div class="hand_kill">
			<div class="kill_title">
				<span class="clock"></span>
				<span class="kill_font">掌上秒杀</span>
				<div class="timer">
					<span>0</span>
					<span>5</span>
					<span>:</span>
					<span>0</span>
					<span>0</span>
					<span>:</span>
					<span>0</span>
					<span>0</span>
				</div>
				<a class="kill_more" href='javascript:;'>更多秒杀 ></a>
			</div>
			<div class="kill_content">
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="./uploads/seckill_1.jpg" alt="">
							<span class="kill_tip">热卖</span>
							<p class="new_price">￥79</p>
							<p class="old_price">
								<del>￥139</del>
							</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/seckill_2.jpg" alt="">
							<span class="kill_tip">热卖</span>
							<p class="new_price">￥79</p>
							<p class="old_price">
								<del>￥139</del>
							</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/seckill_3.jpg" alt="">
							<span class="kill_tip">热卖</span>
							<p class="new_price">￥79</p>
							<p class="old_price">
								<del>￥139</del>
							</p>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!--618节日-->
		<div class="festival">
			<div class="festival_title">
				<img src="./uploads/banner_bg.jpg" alt="">
				<ul>
					<li>
						<a href="javascript:;">
							<img src="./uploads/banner_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/banner_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/banner_3.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
			<div class="festival_content">
				<ul class="clearfix">
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_3.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_4.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_5.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_6.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascipt:''">
							<img src="./uploads/major_7.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!--广告-->
		<div class="banner">
			<a href="javascript:;">
				<img src="./uploads/advert_1.jpg" alt="">
			</a>
		</div>

		<!--特色超市-->
		<div class="market">
			<div class="market_title">
				<h4 class="goods_title">特色超市</h4>
			</div>
			<div class="market_content">
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="./uploads/market_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/market_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/market_3.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/market_4.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/market_5.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!--广告-->
		<div class="banner">
			<a href='javascript:;'>
				<img src="./uploads/advert_2.jpg" alt="">
			</a>
		</div>
		<!-- 主题街 -->
		<div class="theme">
			<h4 class="goods_title">主题街</h4>
			<div class="theme_content">
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_3.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_4.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_5.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_6.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_7.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_8.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_9.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_10.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_11.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/theme_12.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="banner">
			<a href='javascript:;'>
				<img src="./uploads/advert_3.jpg" alt="">
			</a>
		</div>

		<!-- 品牌推荐  -->
		<div class="recommend">
			<h4 class="goods_title">品牌推荐</h4>
			<div class="recommend_content">
				<ul class="clearfix">
					<li>
						<a href="javascript:;">
							<img src="./uploads/brand_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/brand_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="./uploads/brand_3.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>

		<div class="banner">
			<a href='javascript:;'>
				<img src="./uploads/advert_4.jpg" alt="">
			</a>
		</div>

		<!-- 猜你喜欢 -->
		<div class="guess">
			<div class="guess_title">
				<h4 class="goods_title">
					猜你喜欢
					<a href='javascript:;'>
						<img src="./images/icon-login.png" alt=""> 登录后更懂你 ></a>
				</h4>
			</div>

			<div class="guess_content">
				<ul class="clearfix">
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_1.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_2.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_3.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_4.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_5.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_6.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_7.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_8.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_9.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
					<li>
						<div class="gc_top">
							<span>￥25</span>
							<a href='javascript:;'>看相似</a>
						</div>
						<div class="gc_body">
							<a href='javascript:;'>
								<img src="./uploads/item_10.jpg" alt="">
								<p>迪士尼（Disney）防水夜光儿童手表男孩蓝色米奇电子表 多功能运动表男童学生手表80008-1</p>
							</a>
						</div>

					</li>
				</ul>
			</div>
		</div>

		<!-- 点击更多 -->
		<div class="more">
			点击加载更多
		</div>

		<!-- 底部工具栏 -->
		<div class="footer_toolbar">
			<div class="direct clearfix ">
				<a href='javascript:;'>登录</a>
				<a href='javascript:;'>注册</a>
				<a href='javascript:;'>反馈</a>
				<a href='javascript:;'>回到顶部</a>
			</div>

			<div class="app_icon clearfix">
				<a class="app" href='javascript:;'>
					<span></span>
					<p>客户端</p>
				</a>
				<a class="touch" class="app" href='javascript:;'>
					<span></span>
					<p>触屏版</p>
				</a>
				<a class="pc" class="app" href='javascript:;'>
					<span></span>
					<p>电脑版</p>
				</a>
			</div>

			<div class="copyright">

				Copyright © 2004-2016 京东JD.com 版权所有

			</div>
		</div>

		<div class="hiden">
			<img src="./images/index-icon.png" alt="">
		</div>
		<!-- 底部菜单 -->
		<footer class="clearfix">
			<a href="javascript:;">
				<img src="./images/index-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/sort-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/618-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/cart-icon.png" alt="">
			</a>
			<a href="javascript:;">
				<img src="./images/center-icon.png" alt="">
			</a>
		</footer>
	</div>

</body>
<script src="./js/itcastEvent.js"></script>
<script src="./js/12-索引器滚动.js"></script>

</html>